<div class='dayimage'></div>
<div id="wrapper" x-mojo-element="Scroller">
	<!--<div class="scene-fade-day-top" x-mojo-scroll-fade="top"></div>!-->
	<div id="dayCounter"></div>
	<div id="costPerCup"></div>
	<div id="message"></div>
	<!--<div class="label left">You are making </div>!-->
	<div>How many Cups?<div x-mojo-element="IntegerPicker" id="cupPicker"></div></div>
	<div>How many Lemons Slices?<div x-mojo-element="IntegerPicker" id="lemonPicker"></div></div>
	<div>How many Sugar Pieces?<div x-mojo-element="IntegerPicker" id="sugarPicker"></div></div>
<!--<div id="recipe"><table class="palm-divider collapsible" x-mojo-tap-highlight="momentary">
  <tr>
      <td class="left"></td>
      <td class="label">
		Recipe
      </td>
      <td class="line" width="100%"></td>
      <td><div id="toggleDrawerButton" class="palm-arrow-closed arrow_button"></button></td>
      <td class="right"></td>
    </tr>
 </table></div>
</div>
<div id="recipeDrawer" x-mojo-element="Drawer">
</div>-->
	
	<div>How much do you want to charge (in cents)?<div x-mojo-element="IntegerPicker" id="pricePicker"></div></div>
	<div id="adPrice"></div>
	<div>How many Ads?<div x-mojo-element="IntegerPicker" id="adPicker"></div></div>
	<!--<div class="scene-fade-day-bottom" x-mojo-scroll-fade="bottom"></div>!-->
	<p></p>
	<p></p>
</div>
<div id="fundsDisplay"></div>
<div id="expensesDisplay"></div>
<div id="rainDisplay"></div>
<div id="tempDisplay"></div>
<div class="palm-inline-error" style="display:none"id="error_message">
	<div class="error-message"></div>
</div>
<div id="goButton" class='BottomBarStyle' x-mojo-element='MenuBar'></div>